لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش دستور العمل های Redux [ویدئو]
Redux Recipes [Video]
نکته:
آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:
مدیریت ایالت در ارائه تجربه ای خوش ساخت با حداقل اشکالات به کاربران کاملاً حیاتی است. Redux یک راه حل محکم، پایدار و بالغ برای مدیریت وضعیت در برنامه React شما ارائه می دهد.
در این دوره، تکنیکهای پیشرفته مدیریت حالت، یکپارچهسازی روتر و سایر مشکلات رایجی را که ممکن است هنگام توسعه برنامههای خود با آنها مواجه شوید، بررسی خواهید کرد. رویکرد مبتنی بر دستور العمل به شما امکان می دهد تا به سرعت مشکل خود را شناسایی کرده و راه حلی برای آن بیابید. این دوره همچنین شامل دستور العمل های مختلفی است که به شما در درک سناریوهای آزمایشی مختلف ایجاد شده در Redux کمک می کند.
هنگامی که با Redux به خوبی آشنا شدید، این دوره به صراحت به شما نشان می دهد که چگونه آنها در توسعه یک برنامه سازگار با React کار می کنند.
بسته کد این دوره ویدیویی در https://github.com/PacktPublishing/-Redux-Recipes موجود است.
[*] یک برنامه کاربردی بسازید و مفهوم مدیریت دولتی را به طور کلی درک کنید
[*]دستورالعمل های مختلف برای اعمال Redux در برنامه خود را با جزئیات بشناسید
[*]یک میان افزار بسازید و همچنین با ReduxDevtools اشکال زدایی کنید
[*]با استفاده از داده های دنیای واقعی به عنوان مثال، با داده های عمیق تو در تو کار کنید
[*]معماری Redux خود را قبل از اجرا طراحی کنید و بهترین روش ها را برای ساختار پوشه ها/فایل ها بدانید
[*]نوشتن تستهای واحد در Redux برای عملکردها، اقدامات و کاهشدهندههای مختلف این ویدیو برای توسعهدهندگان جاوا اسکریپت است که میخواهند برنامههای وب با کارایی بالا با Redux ایجاد کنند. اگر یک توسعه دهنده React هستید، دستور العمل های موجود در ویدیو به شما کمک می کند تا برنامه های وب خود را با ترکیب آن با Redux به سطح بالاتری ببرید. حتی اگر در حال حاضر از Redux استفاده میکنید، چندین روش عالی برای دنبال کردن دارد. [*]قدرت Redux را با کتابخانه های محبوب جاوا اسکریپت ترکیب کنید تا برنامه های کاربردی وب سازگار ایجاد کنید * * [*]تکنیک های پیشرفته مختلف را با این راهنمای مبتنی بر دستور العمل کاوش کنید تا راه حلی برای بسیاری از مشکلات رایجی که ممکن است هنگام استفاده از Redux با آنها مواجه شوید پیدا کنید * * [ *] ساختار و نگهداری برنامه وب خود را با کانتینرهای حالت قابل پیش بینی بیاموزید
سرفصل ها و درس ها
بالا و در حال اجرا با Redux
Up and Running with Redux
بررسی اجمالی دوره
The Course Overview
درک Redux از طریق یک مثال غیر فنی
Understanding Redux Through a Non-Technical Example
افزودن Redux به برنامه
Adding Redux to Application
اولین برنامه Redux
First Redux Application
بازیابی حالت از فروشگاه
Restore State from Store
شلیک اقدامات مختلف
Firing Different Actions
انجام اقدامات مختلف در کاهنده ها
Handling Different Actions in Reducers
اشتراک در Redux State
Subscribing to Redux State
آشنایی با CreativeStore() و کاهش دهنده ها
Understanding createStore() and reducers
کاهش دهنده های اتصال و ترکیب آنها
Splice Reducers and Combine Them
خلاصه
Summary
ادغام Redux با React
Integrating Redux with React
نصب React و ایجاد یک React App
Installing React and Creating a React App
ساخت یک اپلیکیشن React ساده
Building a Simple React App
نحوه به اشتراک گذاری کامپوننت ها حالت بدون Redux را بدانید
Understand How Components Share State Without Redux
نصب و پیکربندی React-Redux
Installing and Configuring React-Redux
اتصال کامپوننت ها با Redux
Connecting Components with Redux
عملیات اعزام
Dispatching Actions
پاکسازی و چند نکته
Clean Up and Some Tips
PropTypes
PropTypes
خلاصه
Summary
میان افزارها در Redux
Middlewares in Redux
درک Middlewares
Understanding Middlewares
ساختن یک میان افزار لاگ ساده
Building a Simple Logging Middleware
یکپارچه سازی ReduxDevTools
Integrating ReduxDevTools
اشکال زدایی سفر در زمان با ReduxDevtools
Time Travel Debugging with ReduxDevtools
خلاصه
Summary
کار با داده های عمیق تو در تو
Working with Deeply Nested Data
گسترش دولت
Extending the State
انتقال داده به حالت تودرتو
Pushing Data to a Nested State
به روز رسانی و حذف داده های تودرتو در ایالت
Updating and Deleting Nested Data in State
پیاده سازی یک فیلد جستجوی واحد
Implementing a Single Search Field
خلاصه
Summary
مدیریت داده های سرور
Handling Server Data
درخواست های HTTP در Redux
HTTP Requests in Redux
ادغام Redux-Thunk
Integrating Redux-Thunk
استفاده از Promises برای فعال کردن اقدامات قبل و بعد از درخواست های HTTP
Using Promises to Fire Actions Before and After HTTP Requests
دولت ماندگار
Persisting State
خلاصه
Summary
تست واحد Redux
Unit Testing Redux
پروژه را برای تست واحد آماده کنید
Prepare Project for Unit Testing
برای Action Creators تست بنویسید
Write Tests for Action Creators
تست نوشتن برای Async Actions با Moxios و Redux Mock Store
Writing tests for Async Actions with Moxios and Redux Mock Store
توابع کاهش دهنده تست های نوشتاری
Writing Tests Reducer Functions
آزمایش اجزای متصل به واکنش با آنزیم
Testing React Connected Components with Enzyme
نمایش نظرات